<ui:composition template="../template/plantilla_01.xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:fn="http://java.sun.com/jsp/jstl/functions" >

    
<ui:define name ="panelCentral">
    
    <h:form id="formulario" prependId="false">

        <p:panel id="pConsultaPedido" style="min-height: 400px;" >
            
            <div class="ui-panel-titlebar">Consultas 
                    <div style="float:right;">
                        <img src="http://www.intercap.com.ar/imagenes/iconos/info-ayuda.png" title="Consulte el estado de sus pedidos"/>
                    </div>
                </div>
           
            <p:tabView >

                <!-- PEDIDOS FACTURADOS -->
                <p:tab title="Pedidos facturados (#{fn:length(consultaPedidosBean.pedidosFacturados)})" id="tvPedidosFacturados"    >

                    <p:dataTable value="#{consultaPedidosBean.pedidosFacturados}" var="p" id="tblFacturados"
                                 emptyMessage="No se encontraron pedidos facturados"
                                 rows="10" paginator="true" paginatorAlwaysVisible="false"  >

                        <p:column headerText="Tipo Doc." style="text-align: center; width: 100px;"  >
                            <h:outputText value="#{p.id.codfor}" />
                        </p:column>

                        <p:column headerText="Número" style="text-align: center; width: 100px;"  >

                            <h:outputText value="#{p.sucursal.sucurs}"  >
                                <f:convertNumber pattern="0000" />
                            </h:outputText>

                            <h:outputText value="#{p.id.nrofor}" >
                                <f:convertNumber pattern="-00000000" />
                            </h:outputText>
                        </p:column>

                        <p:column headerText="Fecha" style="text-align: center; width: 100px;">
                            <h:outputText value="#{p.fchmov}" >
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </h:outputText>
                        </p:column>

                        <p:column headerText="Cantidad Items" style="text-align: right; width: 115px;">
                            <h:outputText value="#{p.cantidadItems}" >
                                <f:convertNumber pattern="0" />
                            </h:outputText>
                        </p:column>

                        <p:column style="font-size: 10px; width: 50px; text-align: center;">
                            <p:commandButton id="btnInfoPedido" icon="info16"
                                             title="Ver Detalle del pedido"
                                             actionListener="#{consultaPedidosBean.seleccionarFactura(p.id.modfor,p.id.codfor, p.id.nrofor)}"
                                             update=":formulario:facturaSeleccionado"
                                             process="@this"
                                             oncomplete="PF('dlgFactura').show()">
                            </p:commandButton>
                        </p:column>

                    </p:dataTable>

                </p:tab>

                <!-- CARRITOS A PROCESAR -->               
                <p:tab title="Carritos a procesar (#{fn:length(consultaPedidosBean.carritosConfirmados)})" id="tvCarritosProcesar" >

                    <p:dataTable value="#{consultaPedidosBean.carritosConfirmados}" var="p" id="tblCarritos"
                                 emptyMessage="No se encontraron carritos a procesar"
                                 rows="10" paginator="true" paginatorAlwaysVisible="false" >

                        <p:column headerText="Tipo Doc." style="text-align: center; width: 100px;"  >
                            <h:outputText value="#{p.codfor}" />
                        </p:column>

                        <p:column headerText="Número" style="text-align: center; width: 100px;"  >

                            <h:outputText value="#{p.sucurs}"  >
                                <f:convertNumber pattern="0000" />
                            </h:outputText>

                            <h:outputText value="#{p.nrofor}" >
                                <f:convertNumber pattern="-00000000" />
                            </h:outputText>
                        </p:column>

                        <p:column headerText="Fecha" style="text-align: center; width: 100px;" >
                            <h:outputText value="#{p.fchmov}" >
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </h:outputText>
                        </p:column>

                        <p:column headerText="Cant. Items" style="text-align: right; width: 120px;">
                            <h:outputText value="#{p.itemsPendientes}" >
                                <f:convertNumber pattern="0" />
                            </h:outputText>
                        </p:column>

                        <p:column style="font-size: 10px; width: 50px; text-align: center;">
                            <p:commandButton id="btnInfoPedido" icon="info16"
                                             title="Ver Detalle del pedido"
                                             actionListener="#{consultaPedidosBean.seleccionarPedido(p.modfor,p.codfor,p.nrofor)}"
                                             update=":formulario:pedidoSeleccionado"
                                             process="@this"
                                             oncomplete="PF('dlgPedido').show()">
                            </p:commandButton>
                        </p:column>

                    </p:dataTable>

                </p:tab>
                
                <!-- PENDIENTE POR PEDIDO -->
                <p:tab title="Pendientes por pedido (#{fn:length(consultaPedidosBean.pedidosPendientes)})"  id="tvPendientePedidos"    >

                    <p:dataTable value="#{consultaPedidosBean.pedidosPendientes}" var="p" id="tblPedidos"
                                 emptyMessage="No se encontraron pedidos pendientes"
                                 scrollable="true" scrollHeight="245" >

                        <p:column headerText="Tipo Doc." style="text-align: center; width: 100px;"  >
                            <h:outputText value="#{p.codfor}" />
                        </p:column>

                        <p:column headerText="Número" style="text-align: center; width: 100px;"  >

                            <h:outputText value="#{p.sucurs}"  >
                                <f:convertNumber pattern="0000" />
                            </h:outputText>

                            <h:outputText value="#{p.nrofor}" >
                                <f:convertNumber pattern="-00000000" />
                            </h:outputText>
                        </p:column>

                        <p:column headerText="Fecha" style="text-align: center; width: 100px;" >
                            <h:outputText value="#{p.fchmov}" >
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </h:outputText>
                        </p:column>

                        <p:column headerText="Items Pendientes" style="text-align: right; width: 120px;">
                            <h:outputText value="#{p.itemsPendientes}" >
                                <f:convertNumber pattern="0" />
                            </h:outputText>
                        </p:column>

                        <p:column style="font-size: 10px; width: 50px; text-align: center;">
                            <p:commandButton id="btnInfoPedido" icon="info16"
                                             title="Ver Detalle del pedido"
                                             actionListener="#{consultaPedidosBean.seleccionarPedido(p.modfor,p.codfor,p.nrofor)}"
                                             update=":formulario:pedidoSeleccionado"
                                             process="@this"
                                             oncomplete="PF('dlgPedido').show()">
                            </p:commandButton>
                        </p:column>

                    </p:dataTable>

                </p:tab>

                 <!-- PENDIENTE POR PRODUCTO -->
                <p:tab title="Pendientes por producto (#{fn:length(consultaPedidosBean.productosPendientes)})" >

                    <p:dataTable value="#{consultaPedidosBean.productosPendientes}" var="p"
                                 emptyMessage="No se encontraron productos pendientes"
                                 scrollable="true" scrollHeight="245" >

                        <p:column headerText="Código" style="text-align: center; width: 100px;"  >
                            <h:outputText value="#{p.codigo}" />
                            <br/>
                            <h:outputText value="(#{p.nroParte})" rendered="#{not empty p.nroParte}" />
                        </p:column>

                        <p:column headerText="Descripción" filterBy="#{p.descripcion}" filterMatchMode="contains" style="width: 370px;"  >
                            <h:outputText value="#{p.descripcion}" />
                        </p:column>

                        <p:column headerText="Pendiente" style="text-align: right; width: 110px;">
                            <h:outputText value="#{p.pendiente}" >
                                <f:convertNumber pattern="0" />
                            </h:outputText>
                        </p:column>

                        <p:column headerText="Importe" style="text-align: right; width: 110px;">
                            <h:outputText value="#{p.importeTotalConIVA}" >
                                <f:convertNumber pattern="$ 0.00" />
                            </h:outputText>
                        </p:column>
                    </p:dataTable>
                </p:tab>

            </p:tabView>           

            <h:panelGroup layout="block" styleClass="grupoBotones" >

                <p:commandButton id="btnCatalogo" value="Ir al catálogo"
                             icon="catalog16" style="width:140px;"
                             title="Haga click para ver el catálogo de productos"
                             action="#{catalogoBean.verCatalogo}"
                             process="@this"                             
                             immediate="true" />

                <p:commandButton id="btnCarritos" value="Mis carritos" icon="detalle16" style="width:140px;"
                                 title="Haga click para ver la lista de carritos pendientes"
                                 action="#{carritoBean.verListaCarrito}"
                                 process="@this"                                 
                                 immediate="true" />

                <p:commandButton id="btnNuevo" value="Nuevo carrito" icon="blank16" style="width:140px;"
                                 title="Haga click para generar un nuevo carrito"
                                 action="#{carritoBean.nuevoCarrito}"
                                 process="@this"                                 
                                 immediate="true" />

                <p:tooltip for="btnCatalogo" showEffect="fade" hideEffect="fade" />
                <p:tooltip for="btnCarritos" showEffect="fade" hideEffect="fade" />
                <p:tooltip for="btnNuevo" showEffect="fade" hideEffect="fade" />

            </h:panelGroup>
            
        </p:panel>
        
        <ui:include src="../facturacion/pedido.xhtml" />
        <ui:include src="../ventas/factura.xhtml" />

    </h:form>

</ui:define>


</ui:composition>
